@CHARSET "UTF-8";
/**** RESER SETTING ****/
*{
    padding: 0px 0px;
    margin: 0px 0px;
}
/*
Thaind
*/
.hidden{
	display: none;
}
.right{
	float: right;
}
.left{
	float: left;
}
.align-right{
	text-align: right;
}
#loading {
    background: url("../images/icon/loading.gif") no-repeat scroll center center black;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
table thead th a{
	text-decoration: none;
	cursor: pointer;
}
table thead th a:HOVER{
	text-decoration: none;
	cursor: pointer;
}
/*
Thaind end
*/
body{
    font-family: "arial", verdana, arial, sans-serif;
    background: #c0c0c0;
    font-size: 13px;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
    cursor: pointer;
}

#wrapper{
    margin:0px auto;
    overflow: auto;
    background: #fff;
    height: auto;
    border: 1px solid #000;
    width: auto;
    max-width: 1350px;
}

/**** END RESET ****/
/**** HEADER ****/
#header{
    width: auto;
    background: #09365e;
}
#header #header-top{
    width: 100%;
    float: left;
    background: #09365e;
    border-bottom: 1px solid #21547c;
    font-size: 12px;
}
#header #header-top p{
    color: #fff;
    float: right;
    margin: 10px 20px;
    width: auto;
    word-spacing: 5px;
}
#header #header-middle{
    background: #193356;
    border-top: 1px solid #082f52;
    border-bottom: 1px solid #082f52;
}
#header a{
    text-decoration: none;
    color: #fff;
}
#header #header-bottom{
	/*
    width: 100%;
    float: left;
    */
	height : 40px;
    background: #09365e;
    border-top: 1px solid #21547c;
    font-size: 12px;
}
#header #header-bottom p{
    color: #fff;
    float: left;
    margin: 10px 20px;
    word-spacing: 5px;
}

/**** ASIDE ****/
#aside {
	padding:20px;
    width: 100%;    
	max-width:220px;
	margin-right:40px;
	float:left;
	height:100%;
}
#aside .block {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#sidebar-nav, #sidebar-nav ul {
	margin:0;
	list-style:none;
}
#sidebar-nav li {
}
#sidebar-nav li a {
	padding:12px 5px;
	border-bottom:1px solid #CCCCCC;
	display:block;
	text-decoration:none;
	font-size:108%;
	color:#262626;
	font-weight:bold;
	outline:none;
}
#sidebar-nav li ul {
	display:none;
}
#sidebar-nav .drop a {
	border-bottom:1px solid #d9d9d9;
	margin-left:30px;
	font-size:100%;
	font-weight:normal;
	padding: 12px 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#sidebar-nav .drop a:hover {
	background: url(../images/sidebar-nav-h.gif) repeat-x bottom;
}
#sidebar-nav .drop a img {
	vertical-align: -2px;
	margin-right:10px;
}
.searchform {
	display:inline-block;
	margin-bottom:15px;
	padding:0;
}
.searchform input {
	font-size:100%;
}
.searchform .searchfield {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: #fff url(../images/search-bg.gif) no-repeat 10px center;
	border:1px solid #c7c6c6;
	outline:medium none;
	padding:8px 6px 8px 28px;
	width:185px;
	float:left;
	margin:0;
}

/**** END ASIDE ****/
/**** CONTENT ****/
#page{
    float:left;
    width: 100%;
    height: auto;
    background: url('../images/sidebar-bg-l.gif') top left repeat-y;
}
#page-content{
	margin-top: 20px;
    padding-right: 10px;
    width: auto;
    margin-left:  300px;
}
/**** END CONTENT ****/
/**** FOOTER ****/
#footer{
    width: 100%;
    float: left;
    background: #09365e;
    color: #fff;
    text-align: center;
    padding: 15px 0px;
    font-size: 15px;
}
/**** END FOOTER ****/